
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <title>#不只是比赛#</title>
    <script src="js/flexible.js"></script>
    <script src="js/gongwei/jquery-1.7.2.min.js"></script>
    <script src="js/zepto/zepto.js"></script>
    <script src="js/zepto/event.js"></script>
    <script src="js/zepto/fx.js"></script>
    <script src="js/anim.js"></script>
    <script src="js/html2canvas.min.js"></script>
    <script src="js/utils.js"></script>
    <script src="js/end.js?v=18"></script>
    <script src="js/music.js?v=2"></script>
    <!-- <script src="/Scripts/PageJS/bdtj.js"></script> -->
    <link rel="stylesheet" href="css/base.css?v=1">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/end.css?v=28">
</head>
<body>
    <audio id="audio" loop autoplay src="music3.mp3">
        您的浏览器不支持 audio 标签。
    </audio>
    <div class="end end-canvas" id="end">
        <img id="banner" class="banner" src="img/banner.jpg" width="100%"></img>
        <div class="end-box">
            <div class="end-flower">
                <!-- 头像 start -->
                <img class="end-avatar" src="img/touxiang.jpg">
                <!-- 头像 end -->
                <div class="end-avatar-text-box">
                    <p class="end-avatar-text"></p>
                </div>
            </div>
            <div class="end-tip1-box">
                <div class="end-tip1-left end-tip1-left-canvas"></div>
                <p class="end-tip1-text end-tip1-text-canvas zzz">专注</p>
                <div class="end-tip1-right end-tip1-right-canvas"></div>
            </div>
            <div class="end-shape-box">
                <img src="img/end-light.png" class="end-light end-light0">
                <img src="img/end-light.png" class="end-light end-light1">
                <img src="img/end-light.png" class="end-light end-light2">
                <img src="img/index-begin-shape6.png" class="end-shape6">
                <img src="img/index-begin-shape5.png" class="end-shape5">
                <!-- 中间结果 9 种 start -->
                <img src="img/end-result0.png" class="end-result">
                <!-- 中间结果 9 种 end -->
            </div>
            <img src="" width="0" id="end-result-img">
            <!-- 左边 start -->
            <div class="end-result-item end-result-left" position="left">
                <div class="end-result-text">
                    <p class="end-result-desc end-result-desc-left">比所有人都优秀还比所有人都拼命的</p>
                    <p class="end-result-name end-result-name-left">C罗纳尔多</p>
                </div>
                <img src="img/end-avatar-left.png" class="end-avatar-img">
            </div>
            <!-- 左边 end -->
            <!-- 右边 start -->
            <div class="end-result-item end-result-right" position="right">
                <img src="img/end-avatar-left.png" class="end-avatar-img">
                <div class="end-result-text">
                    <p class="end-result-desc">比所有人都优秀还比所有人都拼命的</p>
                    <p class="end-result-name">C罗纳尔多</p>
                </div>
            </div>
            <!-- 右边 end -->
            <!-- 下边 start -->
            <div class="end-result-item end-result-bottom">
                <img src="img/end-avatar-left.png" class="end-avatar-img bottom_img">
                <div class="end-result-text">
                    <p class="end-result-desc bottom_desc">比所有人都优秀还比所有人都拼命的</p>
                    <p class="end-result-name bottom_name">C罗纳尔多</p>
                </div>
            </div>
            <!-- 下边 end -->
            <p class="end-tip2-box end-tip2-box end-tip2-box-canvas zzz" id="end-tip2-box">专注</p>
            <img src="" class="end-qr-true" id="end-qr-code">
        </div>
    </div>

    <div class="end">
        <img id="banner" class="banner" src="img/banner.jpg" width="100%"></img>
        <div class="end-box">
            <img src="img/end-line.png?v=1" class="opacity-hide end-line" id="end-line">
            <div class="end-flower">
                <!-- 头像 start -->
                <img class="opacity-hide end-avatar" src="img/touxiang.jpg" id="end-avatar">
                <!-- 头像 end -->
                <div class="end-avatar-text-box">
                    <p class="opacity-hide end-avatar-text" id="end-avatar-text"></p>
                </div>
                <!--<img src="img/end-title.png" width="100%" class="opacity-hide end-title" id="end-title">-->
            </div>
            <div class="opacity-hide end-tip1-box" id="end-tip1">
                <div class="end-tip1-left"></div>
                <p class="end-tip1-text zzz">专注</p>
                <div class="end-tip1-right"></div>
            </div>
            <div class="end-shape-box">
                <img src="img/end-light.png" class="opacity-hide end-light end-light0" id="end-light0">
                <img src="img/end-light.png" class="opacity-hide end-light end-light1" id="end-light1">
                <img src="img/end-light.png" class="opacity-hide end-light end-light2" id="end-light2">
                <img src="img/index-begin-shape6.png" class="opacity-hide end-shape6" id="end-shape6">
                <img src="img/index-begin-shape5.png" class="opacity-hide end-shape5" id="end-shape5">
                <!-- 中间结果 9 种 start -->
                <img src="img/end-result0.png" class="opacity-hide end-result" id="end-result">
                <!-- 中间结果 9 种 end -->
            </div>
            <!-- 左边 start -->
            <div class="opacity-hide end-result-item end-result-left" id="end-result-left" position="left">
                <div class="end-result-text">
                    <p class="end-result-desc end-result-desc-left">比所有人都优秀还比所有人都拼命的</p>
                    <p class="end-result-name end-result-name-left">C罗纳尔多</p>
                </div>
                <img src="img/end-avatar-left.png" class="end-avatar-img">
            </div>
            <!-- 左边 end -->
            <!-- 右边 start -->
            <div class="opacity-hide end-result-item end-result-right" id="end-result-right" position="right">
                <img src="img/end-avatar-left.png" class="end-avatar-img">
                <div class="end-result-text">
                    <p class="end-result-desc">比所有人都优秀还比所有人都拼命的</p>
                    <p class="end-result-name">C罗纳尔多</p>
                </div>
            </div>
            <!-- 右边 end -->
            <!-- 下边 start -->
            <div class="opacity-hide end-result-item end-result-bottom" id="end-result-bottom">
                <img src="img/end-avatar-left.png" class="end-avatar-img bottom_img">
                <div class="end-result-text">
                    <p class="end-result-desc bottom_desc">比所有人都优秀还比所有人都拼命的</p>
                    <p class="end-result-name bottom_name">C罗纳尔多</p>
                </div>
            </div>
            <p class="end-fade-down end-tip2-box zzz" id="end-tip2-box">专注</p>
            <div id="end-qr" class="hide end-qr">
                <img src="img/end-qr.png" width="100%">
                <img src="img/end-qr-test.png" class="end-qr-true" id="end-qr">
            </div>
            <img src="img/off.png" class="off" id="off">
            <img src="img/on.png" class="on" id="on">
        </div>
    </div>

    <img id="result" class="hide end-result" src="">
</body>
</html>
<script src="js/gongwei/t_end.js?v=18"></script>
<script src="js/gongwei/share_end.js"></script>
